@import "../../common/weuix.min";
@import "../../common/activity/top_select";
/* bg 背景 color */
body{
  background-color: #FF9c34;
}
.container{
  main{
    display: flex;
    flex-direction: column;
    padding: 0 rem(15);
    position: relative;
    left: 0;
    top: 0;
    .w{
      flex-grow: 1;
    }
  }
  header{
    position: relative;
    left: 0;
    top:0;
    .banner_img{
      width: 100%;
      img{
        width: 100%;
      }
    }
    .activity_slogan{
      p{
        width: 80%;
        text-align: center;
        color:#fff;
        font-size: rem(20);
        line-height: rem(30);
      }
    }
  }
}
.activity_des_title{
  position: relative;
  left: 0;
  top: rem(-28);
  margin: 0 auto;
  width:rem(110);
  text-align: center;
  height: rem(36);
  line-height: rem(36);
  background-color: #ffcb52;
  font-size: rem(16);
  color:#333;
  z-index: 2;
  h2{
    position: relative;
    z-index: 1;
    input{
      height: rem(30);
      line-height: rem(18);
      font-size: rem(16);
      width: rem(100);
      position: relative;
      top: -2px;
      text-align: center;
      left:0;
    }
  }
  h2:after,h2:before{
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-color: #e8b338 transparent transparent transparent;
    bottom:rem(-8);
    z-index: 4;
  }
  h2:before{
    right:rem(102);
    border-width:rem(8) 0 0 rem(8);
  }
  h2:after{
    left:rem(102);
    border-width:rem(8) rem(8) 0 0;
  }
}
.activity_des_title:before,.activity_des_title:after{
  content: "";
  position: absolute;
  display: block;
  top: rem(8);
  border: rem(18) solid #ffcb52;
}
.activity_des_title:before{
  left: rem(-40);
  //border-left-width: rem(18);
  border-right-width: rem(30);
  border-left-color: transparent;
}
.activity_des_title:after{
  right: rem(-40);
  border-left-width:rem(30);
  //border-right-width:rem(18);
  border-right-color: transparent;
}
.activity_des{
  background-color: #ffe4b2;
  padding: rem(0) rem(10) rem(20);
  margin-top: rem(50);
  border-radius: rem(5);
  position: relative;
  left: 0;
  top:0;
  .tpc_content div{
    margin-bottom: rem(10);
  }
}


/* 编辑标题位置*/
.activity_slogan textarea {
  /* 公共样式 */
  width: 70%;
  line-height: rem(20);
  font-size: rem(20);
  text-align: center;
  color: #fff;
  overflow: hidden;
  word-wrap: break-word;
  font-weight: 600;
}

/* 活动时间 */
.activity_time_sel{
  padding: rem(15) rem(10) rem(5);
  background-color: #ffe4b2;
  border-radius: rem(5) rem(5) 0 0;
  >p{
    text-align: center;
    font-size: rem(12);
    color:#666;
    line-height: rem(25);
  }
}
.activity_time_sel:after,.activity_time_sel:before{
  border: none;
}
.activity_time_sel .activity_time_sel_weui{
  padding: 0;
  display: flex;         /* 新版本语法: Opera 12.1, Firefox 22+ */
  justify-content: space-around;
}

.activity_time_sel .activity_time_sel_weui .activity_time {
  width: rem(64);
  font-size: rem(14);
}
.activity_time_sel .activity_time_sel_weui input{
  border: 1px dashed #333;
  font-size: rem(12);
  text-align: center;
  color: #f00;
  width: rem(120);
  height: rem(20);
  line-height: rem(20);
}


/* 活动时间版块结束*/

/* 活动规则 */
.activity_rules {
  padding:  0 rem(10) rem(20) rem(10);
  background: #ffe4b2;
  border-radius: 0 0 rem(5) rem(5);
  font-size: rem(16);
  color: #333;

}
/* 奖项设置版块*/
.price_set{
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  letter-spacing: 1px;
  >p{
    color:#666;
    font-size: rem(12);
    line-height: rem(15);
    padding: rem(5) 0;
    letter-spacing: 0;
  }
}
.price_set div{
  display: flex;
  span{
    color:#f35625;
  }
}
.price_set > div > input{
  width: rem(70);
  height: rem(20);
  background-color: transparent;
  border: 1px dashed #333;
  overflow: hidden;
  padding:0  rem(5);
  resize: none;
  display: table;
  font-size: rem(14);
  letter-spacing: 1px;
  text-align: center;
  color:#f35625;
}
.price_set_des {
  font-size: rem(12);
  line-height: rem(15);
  color:#666;
  margin-top: rem(10);
}
/* 添加奖品 */
.add_prize{
  width: 100%;
  text-align: center;
  font-size: rem(16);
  line-height: rem(35);
  height: rem(35);
  background-color: #ff8503;
  border-radius: rem(5);
  color:#fff;
  margin-top: rem(20);
}
/* 拼团价格设置 */
.prize_price_set{
  position: relative;
  left: 0;
  top: 0;
  .price_order{
    position: absolute;
    width: rem(40);
    height: rem(40);
    border-radius: 50%;
    line-height: rem(40);
    color:#fff;
    top:rem(-20);
    left:50%;
    margin-left: rem(-20);
    background-color: #fd8403;
    text-align: center;
    font-size:rem(18);
  }
  .prize_price_set_detail{
    border-radius: rem(5);
    border:1px solid #fdd07e;
    background-color: #fdd07e;
    padding: rem(15) rem(10);
    line-height: rem(35);
    margin: rem(30) 0 0;
    display: flex;
    text-align: center;
    letter-spacing: 1px;
    overflow: hidden;
    justify-content: flex-start;
    flex-direction: column;
    >div{
      display: flex;
      justify-content: flex-start;
      align-items: center;
      input{
        color:#f35625;
        width:rem(40);
        text-align: center;
        height:rem(25);
      }
    }
    input{
      margin-top: rem(5);
    }
    ::-webkit-input-placeholder{
      text-align: center;
    }
  }
}
/* 奖品设置区域样式等设置 */
/* 删除位置 */
.delete_prize{
  width: rem(20);
  height: rem(20);
  border-radius: 50%;
  background-color: #f00;
  position: absolute;
  right: rem(-5);
  top: rem(-5);
}
/* 叉号 */
.delete_prize:before, .delete_prize:after{
  width: rem(3);
  height: rem(18);
  position: absolute;
  background-color: #fff;
  content:"";
  left: rem(8);
  top: 1px;
}
.delete_prize:after{
  transform: rotate(43deg);
}
.delete_prize:before{
  transform: rotate(-43deg);
}
/* 上传奖项相关设置*/
.word_des{
  padding: rem(10) rem(10) 0;
  color:#fff;
  text-align: center;
}
/* 奖品设置栏结束*/


/* 联系方式 */
.connect_mobile{
  padding: rem(10);
  overflow: hidden;
}
.connect_mobile input{
  vertical-align:middle;
  padding: rem(5) 0;
  width: rem(120);
  font-size: rem(14);
  text-align: center;
}
.connect_mobile p{
  width: rem(140);
  font-size: rem(12);
  line-height: rem(15);
}
/* 联系方式结束 */

/* 机构介绍样式开始 */

/* 机构介绍文字,图片,视频设置 */
.up_message{
  display: flex;
  border: 1px solid #333;
  border-right: none;
  padding: 0;
}
.word_up, .tpsc, .video_up{
  flex:1;
  border-right: 1px solid #333;
  text-align: center;
  padding:rem(15) rem(8);
  position: relative;
  left: 0;
  top: 0;
}
.word_up img, .tpsc img, .video_up img{
  width: rem(30);
  margin-bottom: rem(5);
}
/* 机构介绍结束 */

/* 信息采集区域开始 */
.must_message{
  overflow: hidden;
  border:1px solid #333;
  width: rem(180);
  padding:rem(5) rem(15);
}
.must_message p{
  color:#333;
}
.must_message img{
  width: rem(15);
}
p.must_message_des{
  line-height: rem(30);
  font-size: rem(12);
  padding-left: rem(12);
}
/* 商家选填项*/
.b_select_message{
  overflow: hidden;
  line-height: rem(31);
}
.b_select_message_input{
  overflow: hidden;
  border:1px dashed #333;
  width: rem(180);
  padding:rem(5) rem(15);
  font-size: rem(14);
}
/* 复选框样式修改*/
.check_label_box{
  padding: 0;
}
p.select_message_des{
  line-height: rem(20);
  font-size: rem(12);
  padding-left: rem(5);
}
/* 图片上传区域设置 */
.content_img > div {
  img{
    width: 100%;
  }
}

.pop_ups {
  width: 90%;
  height: 5.33333rem;
  position: absolute;
  left: 5%;
  top: 50%;
  background-color: #fff;
  border-radius: 5px;
  z-index: 4;
  display: none
}

.pop_ups .arc_area {
  width: 100%;
  text-align: center;
  color: #e64340;
  font-size: .53333rem
}

.pop_ups .arc_area h2 {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #333;
  top: .53333rem
}

.pop_ups .arc_area img {
  width: 100%
}

.pop_ups .cong_img {
  position: absolute;
  top: -1.86667rem;
  width: 4rem;
  left: 50%;
  margin-left: -2rem
}

.pop_ups input {
  position: absolute;
  top: 1.6rem;
  width: 8rem;
  left: 5%;
  border: 1px solid #333;
  background-color: #fff;
  vertical-align: middle;
  padding: .13333rem 0
}

.pop_ups input,.pop_ups p {
  text-align: center;
  font-size: .37333rem
}

.pop_ups p {
  margin-top: .26667rem;
  padding: .1rem .8rem;
  color: #666
}

.pop_ups div {
  text-align: center
}

.pop_ups .submit_message {
  margin: auto;
  width: 2.66667rem;
  background-color: #ffcb52;
  text-align: center;
  line-height: .8rem;
  border-radius: 2px;
  font-size: .42667rem;
  color: #fff
}
